<!--
	作者：1055471363@qq.com
	时间：2017-12-11
	描述：功能管理
-->
<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>功能管理</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/app.css" rel="stylesheet" />
		<script type="text/javascript" src="../../js/immersed.js"></script>
		<script type="text/javascript" src="../../js/common.js"></script>
		<script type="text/javascript" src="../../base.js"></script>
		<script type="text/javascript" src="../../barcode_scan.js"></script>
		<style>
			.mui-bar {
				background-color: #0088BB;
			}
			
			.mui-title {
				color: #FFFFFF
			}
			
			a {
				color: #FFFFFF
			}
			
			.title {
				margin: 20px 15px 7px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.mui-media-body {
				font-size: 10px
			}
		</style>

	</head>

	<body>
		<div class="mui-content" id='function'>
			<ul class="mui-table-view mui-grid-view mui-grid-9">
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" v-show="FEATURESCODE.indexOf('F0')>-1">
					<a href="#" id="lotsStart">
						<span class="mui-icon mui-icon-redo"></span>
						<div class="mui-media-body">lot开始操作</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" v-show="FEATURESCODE.indexOf('F1')>-1">
					<a href="#" id="lotsEnd">
						<span class="mui-icon mui-icon-undo"></span>
						<div class="mui-media-body">lot结束操作</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" v-show="FEATURESCODE.indexOf('F2')>-1">
					<a href="#" id='matReplace'>
						<span class="mui-icon mui-icon-spinner mui-spin"></span>
						<div class="mui-media-body">材料更换</div>
					</a>
				</li>
			</ul>

		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/vue.min.js"></script>
		<script type="text/javascript">
			mui.init({
				keyEventBind: {
					backbutton: false //关闭back按键监听
				}
			});

			//			var titleNView = { //详情页原生导航配置
			//				backgroundColor: '#f7f7f7', //导航栏背景色
			//				titleText: '', //导航栏标题
			//				titleColor: '#000000', //文字颜色
			//				type: 'transparent', //透明渐变样式
			//				autoBackButton: true, //自动绘制返回箭头
			//				splitLine: { //底部分割线
			//					color: '#cccccc'
			//				}
			//			}
			//			mui.plusReady(function() {
			//				//预加载
			//				var lotsStartPage = mui.preload({
			//					url: 'lotsStart.html',
			//					id: 'lotsStartPre',
			//					styles: {
			//						"render": "always", //一直渲染
			//						"popGesture": "hide",
			//						"titleNView": titleNView //使用原生渐变导航
			//					}
			//				});
			//				var lotsEndPage = mui.preload({
			//					url: 'lotsEnd.html',
			//					id: 'lotsEndPre',
			//					styles: {
			//						"render": "always", //一直渲染
			//						"popGesture": "hide",
			//						"titleNView": titleNView //使用原生渐变导航
			//					}
			//				});
			//				var oneselfEqpPage = mui.preload({
			//
			//					url: 'matReplace.html',
			//					id: 'matReplacePre',
			//					styles: {
			//						"render": "always", //一直渲染
			//						"popGesture": "hide",
			//						"titleNView": titleNView //使用原生渐变导航
			//					}
			//				});
			//			});
			//执行自定义事件
			mui.plusReady(function() {
				document.onkeydown = function(e) { //对整个页面文档监听
					var keyNum = window.event ? e.keyCode : e.which; //获取被按下的键值
					//判断如果用户按下了回车键（keycody=13）
					//关闭软键盘
					document.activeElement.blur();
					if(keyNum == 13) {
						document.getElementById("pass").focus();
					}
				}
			})
			window.addEventListener('refresh', function(e) { //执行刷新
				location.reload();
			});
			//权限配置
			var FEATURESCODE = localStorage.getItem("FEATURESCODE");
			var vm = new Vue({
				el: '#function',
				data: {
					FEATURESCODE: ''
				},
				mounted: function() {
					var _this = this;
					_this.FEATURESCODE = FEATURESCODE
				}
			});

			function iGetInnerText(inputStr) {
				var resultStr = inputStr.replace(/\ +/g, ""); //去掉空格
				resultStr = inputStr.replace(/[ ]/g, ""); //去掉空格
				resultStr = inputStr.replace(/[\r\n]/g, ""); //去掉回车换行
				return resultStr;
			}

			var eqpList = localStorage.getItem("eqpList");
			document.getElementById("lotsStart").addEventListener('tap', function(e) {
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['取消', '确定'];

				mui.prompt('请扫描设备条码', '', '', btnArray, function(e) {
					document.onkeydown = function(e) { //对整个页面文档监听
						var keyNum = window.event ? e.keyCode : e.which; //获取被按下的键值
						//判断如果用户按下了回车键（keycody=13）
						//关闭软键盘
						document.activeElement.blur();
						if(keyNum == 13) {
							document.getElementById("pass").focus();
						}
					}
					//判断输入是否为空
					if(e.index == 1 && e.value != null && e.value != "") {

						//判断输入设备是否合法或可操作
						var eqp = iGetInnerText(e.value)

						if(eqpList.indexOf(eqp) > -1) {
							mui.toast("扫描成功");
							localStorage.setItem("localEqp", eqp);
							mui.openWindow({
								url: 'lotsStart.html',
								id: 'lotsStart'
							});
						} else {
							mui.toast('设备不存在或该用户不可操作');
						}
					} else {
						mui.toast('设备号不得为空');
					}
				})

			});
			document.getElementById('lotsEnd').addEventListener('tap', function(e) {

				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['取消', '确定'];

				mui.prompt('请扫描设备条码', '', '', btnArray, function(e) {
					//判断输入是否为空
					if(e.index == 1 && e.value != null && e.value != "") {
						//						if(e.target.value)
						var eqp = iGetInnerText(e.value)
						//判断输入设备是否合法或可操作
						if(eqpList.indexOf(iGetInnerText(eqp)) > -1) {
							mui.toast("扫描成功");

							localStorage.setItem("localEqp", eqp);
							mui.openWindow({
								url: 'lotsEnd.html',
								id: 'lotsEnd'
							});
						} else {
							mui.toast('设备不存在或该用户不可操作');
						}
					} else {
						mui.toast('设备号不得为空');
					}
				})
			});

			document.getElementById('matReplace').addEventListener('tap', function(e) {

				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['取消', '确定'];

				mui.prompt('请扫描设备条码', '', '', btnArray, function(e) {
					//判断输入是否为空
					if(e.index == 1 && e.value != null && e.value != "") {
						//						if(e.target.value)
						var eqp = iGetInnerText(e.value)
						//判断输入设备是否合法或可操作
						if(eqpList.indexOf(iGetInnerText(eqp)) > -1) {
							mui.toast("扫描成功");

							localStorage.setItem("localEqp", eqp);
							//打开物料替换页面
							mui.openWindow({
								url: 'matReplace.html',
								id: 'matReplace'
							});
						} else {
							mui.toast('设备不存在或该用户不可操作');
						}
					} else {
						mui.toast('设备号不得为空');
					}
				})
			});
		</script>
	</body>

</html>